:root {
  /* background-color */
  --background-color-head: #ffffff;
  --background-color-1: #ffffff;
  --background-color-2: #f5f5f5;
  --background-color-3: #f0f0f0;
  --background-color-4: #e6e6e6;
  --background-color-5: #fafafa;
  --background-color-6: #d9d9d9;
  --background-color-7: #98999a;
  --background-color-8: #98999a;
  --background-color-9: rgba(0, 0, 0, 0.25);
  --background-color-10: rgba(240, 240, 240, 0.2);
  --background-color-11: rgba(0, 0, 0, 0.5);
  /* hover-color */
  --hover-color-1: #a6a6a6;
  --hover-color-2: #0c0d0d;
  --hover-color-3: #1b1c1d;
  --hover-color-4: #252628;
  --hover-color-5: #595959;
  --hover-color-6: #ffffff;
  /* hover-background-color */
  --hover-background-color-1: #f5f5f5;
  --hover-background-color-2: #fbfbfb;
  --hover-background-color-3: #e1e1e1;
  --hover-background-color-4: #2f3133;
  --hover-background-color-5: #070808;
  /* border-color */
  --border-color-0: #f0f0f0;
  --border-color-1: #e8e8e8;
  --border-color-2: #2e3032;
  --border-color-3: #f0f0f0;
  --border-color-4: #f5f5f5;
  /* border-radius */
  --border-radius-1: 4px;
  /* shadow-color */
  --shadow-color-1: rgba(0, 0, 0, 0.12);
  --shadow-color-2: rgba(0, 0, 0, 0.08);
  --shadow-color-3: rgba(0, 0, 0, 0.07);
  --shadow-color-4: rgba(0, 0, 0, 0.05);
  --shadow-color-5: #ffffff;
  --shadow-color-6: #f0f0f0;
  /* font-color */
  --font-color-0: #8C8C8C;
  --font-color-1: #0f0f10;
  --font-color-2: #5f5f5f;
  --font-color-3: #f0f0f0;
  --font-color-4: #bfbfbf;
  --font-color-5: #d9d9d9;
  --font-color-6: #000000;
  --font-color-7: #585454;
}
